<#macro header>
<html lang="en-US">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="author" content="ThemeStarz">

    <link href='http://fonts.googleapis.com/css?family=Roboto:300,400,700' rel='stylesheet' type='text/css'>
    <link href="/static/assets/fonts/font-awesome.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="/static/assets/bootstrap/css/bootstrap.css" type="text/css">
    <link rel="stylesheet" href="/static/assets/css/bootstrap-select.min.css" type="text/css">
    <link rel="stylesheet" href="/static/assets/css/magnific-popup.css" type="text/css">
    <link rel="stylesheet" href="/static/assets/css/jquery.slider.min.css" type="text/css">
    <link rel="stylesheet" href="/static/assets/css/owl.carousel.css" type="text/css">
    <link rel="stylesheet" href="/static/assets/css/style.css" type="text/css">
    <link rel="stylesheet" href="/static/assets/css/owl.transitions.css" type="text/css">
    <link rel="stylesheet" href="/static/assets/css/fileinput.min.css" type="text/css">

    <link rel="stylesheet" href="/static/assets/css/toastr.css" type="text/css">



      <title>好房子网</title>
</head>
</#macro>
<#macro header2>
<html lang="en-US">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="author" content="ThemeStarz">

    <#--<link href='http://fonts.googleapis.com/css?family=Roboto:300,400,700' rel='stylesheet' type='text/css'>
    <link href="/static/assets/fonts/font-awesome.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="/static/assets/bootstrap/css/bootstrap.css" type="text/css">
    <link rel="stylesheet" href="/static/assets/css/bootstrap-select.min.css" type="text/css">
    <link rel="stylesheet" href="/static/assets/css/magnific-popup.css" type="text/css">
    <link rel="stylesheet" href="/static/assets/css/jquery.slider.min.css" type="text/css">
    <link rel="stylesheet" href="/static/assets/css/owl.carousel.css" type="text/css">
    <link rel="stylesheet" href="/static/assets/css/style.css" type="text/css">
    <link rel="stylesheet" href="/static/assets/css/owl.transitions.css" type="text/css">
    <link rel="stylesheet" href="/static/assets/css/fileinput.min.css" type="text/css">

    <link rel="stylesheet" href="/static/assets/css/toastr.css" type="text/css">-->



    <title>好房子网</title>
</head>
</#macro>


<#macro footer>
   <footer id="page-footer">
        <div class="inner">
            <aside id="footer-main">
                <div class="container">
                    <div class="row">
                      
                        <div >
                            <article>
                                <h3>友情连接</h3>
                            </article>
                            <dd>
                                &nbsp;&nbsp;<a target="_blank" href="https://www.deyoulife.com/">德佑地产</a>
                                &nbsp;&nbsp;<a target="_blank" href="https://wx.lianjia.com/ershoufang/">无锡二手房</a>
                                &nbsp;&nbsp;<a target="_blank" href="https://ha.lianjia.com/ershoufang/">淮安二手房</a>
                                &nbsp;&nbsp;<a target="_blank" href="https://zjk.lianjia.com/ershoufang/">张家口二手房</a>
                                &nbsp;&nbsp;<a target="_blank" href="https://bd.lianjia.com/ershoufang/">保定二手房</a>
                                &nbsp;&nbsp;<a target="_blank" href="https://cc.lianjia.com/ershoufang/">长春二手房</a>
                                &nbsp;&nbsp;<a target="_blank" href="https://yichang.lianjia.com/ershoufang/">宜昌二手房</a>
                                &nbsp;&nbsp;<a target="_blank" href="https://hk.lianjia.com/ershoufang/">海口二手房</a>
                                &nbsp;&nbsp;<a target="_blank" href="https://aq.lianjia.com/ershoufang/">安庆二手房</a>
                                &nbsp;&nbsp;<a target="_blank" href="https://nn.lianjia.com/ershoufang/">南宁二手房</a>
                                &nbsp;&nbsp;<a target="_blank" href="https://zhangzhou.lianjia.com/ershoufang/">漳州二手房</a>
                                &nbsp;&nbsp;<a target="_blank" href="https://baoji.lianjia.com/ershoufang/">宝鸡二手房</a>
                                &nbsp;&nbsp;<a target="_blank" href="https://huzhou.lianjia.com/ershoufang/">湖州二手房</a>
                                &nbsp;&nbsp;<a target="_blank" href="https://yinchuan.lianjia.com/ershoufang/">银川二手房</a>
                                &nbsp;&nbsp;<a target="_blank" href="https://fz.lianjia.com/ershoufang/">福州二手房</a>
                                &nbsp;&nbsp;<a target="_blank" href="https://jn.lianjia.com/ershoufang/">济南二手房</a>
                                &nbsp;&nbsp;<a target="_blank" href="https://xz.lianjia.com/ershoufang/">徐州二手房</a>
                                &nbsp;&nbsp;<a target="_blank" href="https://qy.lianjia.com/ershoufang/">清远二手房</a>
                                &nbsp;&nbsp;<a target="_blank" href="https://nanchong.lianjia.com/ershoufang/">南充二手房</a>
                                &nbsp;&nbsp;<a target="_blank" href="https://jh.lianjia.com/ershoufang/">金华二手房</a>
                                &nbsp;&nbsp;<a target="_blank" href="https://jian.lianjia.com/ershoufang/">吉安二手房</a>
                                &nbsp;&nbsp;<a target="_blank" href="https://wuhu.lianjia.com/ershoufang/">芜湖二手房</a>
                                &nbsp;&nbsp;<a target="_blank" href="https://su.lianjia.com/ershoufang/">苏州二手房</a>
                                &nbsp;&nbsp;<a target="_blank" href="https://hrb.lianjia.com/ershoufang/">哈尔滨二手房</a>
                                &nbsp;&nbsp;<a target="_blank" href="https://zj.lianjia.com/ershoufang/">镇江二手房</a>
                                &nbsp;&nbsp;<a target="_blank" href="https://bj.lianjia.com/ershoufang/">北京二手房</a>
                                &nbsp;&nbsp;<a target="_blank" href="https://mianyang.lianjia.com/ershoufang/">绵阳二手房</a>
                                &nbsp;&nbsp;<a target="_blank" href="https://jx.lianjia.com/ershoufang/">嘉兴二手房</a>
                                &nbsp;&nbsp;<a target="_blank" href="https://taizhou.lianjia.com/ershoufang/">台州二手房</a>
                                &nbsp;&nbsp;<a target="_blank" href="https://wh.lianjia.com/ershoufang/">武汉二手房</a>
                                &nbsp;&nbsp;<a target="_blank" href="https://xinxiang.lianjia.com/ershoufang/">新乡二手房</a>
                                &nbsp;&nbsp;<a target="_blank" href="https://sjz.lianjia.com/ershoufang/">石家庄二手房</a>
                                &nbsp;&nbsp;<a target="_blank" href="https://sy.lianjia.com/ershoufang/">沈阳二手房</a>
                                &nbsp;&nbsp;<a target="_blank" href="https://wz.lianjia.com/ershoufang/">温州二手房</a>
                                &nbsp;&nbsp;<a target="_blank" href="https://fs.lianjia.com/ershoufang/">佛山二手房</a>
                                &nbsp;&nbsp;<a target="_blank" href="https://sh.lianjia.com/ershoufang/">上海二手房</a>
                                &nbsp;&nbsp;<a target="_blank" href="https://wf.lianjia.com/ershoufang/">潍坊二手房</a>
                                &nbsp;&nbsp;<a target="_blank" href="https://tj.lianjia.com/ershoufang/">天津二手房</a>
                                &nbsp;&nbsp;<a target="_blank" href="https://san.lianjia.com/ershoufang/">三亚二手房</a>
                                &nbsp;&nbsp;<a target="_blank" href="https://xc.lianjia.com/ershoufang/">许昌二手房</a>
                                &nbsp;&nbsp;<a target="_blank" href="https://jl.lianjia.com/ershoufang/">吉林二手房</a>
                            </dd>
                        </div><!-- /.col-sm-3 -->

                    </div><!-- /.row -->
                </div><!-- /.container -->
            </aside><!-- /#footer-main -->
            <aside id="footer-thumbnails" class="footer-thumbnails" ></aside><!-- /#footer-thumbnails -->
            <aside id="footer-copyright">
                <div class="container">
                    <span>Copyright © 2019. All Rights Reserved.</span>
                    <span class="pull-right"><a href="#page-top" class="roll">Go to top</a></span>
                </div>
            </aside>
        </div><!-- /.inner -->
    </footer>
</#macro>

<#macro js>
<script type="text/javascript" src="/static/assets/js/jquery-2.1.0.min.js"></script>
<script type="text/javascript" src="/static/assets/js/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="/static/assets/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/static/assets/js/smoothscroll.js"></script>
<!-- <script type="text/javascript" src="/static/assets/js/markerwithlabel_packed.js"></script> -->

<script type="text/javascript" src="/static/assets/js/owl.carousel.min.js"></script>
<script type="text/javascript" src="/static/assets/js/bootstrap-select.min.js"></script>
<script type="text/javascript" src="/static/assets/js/jquery.validate.min.js"></script>
<script type="text/javascript" src="/static/assets/js/jquery.placeholder.js"></script>
<script type="text/javascript" src="/static/assets/js/icheck.min.js"></script>
<script type="text/javascript" src="/static/assets/js/jquery.vanillabox-0.1.5.min.js"></script>
<script type="text/javascript" src="/static/assets/js/retina-1.1.0.min.js"></script>
<script type="text/javascript" src="/static/assets/js/jquery.raty.min.js"></script>
<script type="text/javascript" src="/static/assets/js/jquery.magnific-popup.min.js"></script>
<script type="text/javascript" src="/static/assets/js/jshashtable-2.1_src.js"></script>
<script type="text/javascript" src="/static/assets/js/jquery.numberformatter-1.2.3.js"></script>
<script type="text/javascript" src="/static/assets/js/tmpl.js"></script>
<script type="text/javascript" src="/static/assets/js/jquery.dependClass-0.1.js"></script>
<script type="text/javascript" src="/static/assets/js/draggable-0.1.js"></script>
<script type="text/javascript" src="/static/assets/js/jquery.slider.js"></script>
<script type="text/javascript" src="/static/assets/js/jquery.fitvids.js"></script>
<script type="text/javascript" src="/static/assets/js/fileinput.min.js"></script>
<script type="text/javascript" src="/static/assets/js/custom-map.js"></script>
<script type="text/javascript" src="/static/assets/js/custom.js"></script>
<script type="text/javascript" src="/static/assets/js/toastr.js"></script>
<script type="text/javascript" src="/static/common/common.js"></script>





</#macro>

<#macro hot>
<aside id="featured-properties">
    <header><h3>热门房产</h3></header>
    <#list recomHouses as house>
    <div class="property small">
        <a href="/house/detail?id=${house.id}">
            <div class="property-image">
                <img alt="" src="${(house.firstImg)!}" style="width: 100px;height: 75px">
            </div>
        </a>
        <div class="info">
            <a href="/house/detail?id=${house.id}"><h4>${(house.name)!}</h4></a>
            <figure>${(house.address)!} </figure>
            <div class="tag price">￥${(house.price)!} 万</div>
        </div>
    </div><!-- /.property -->
    </#list>
</aside><!-- /#featured-properties -->
</#macro>

<#macro search>
<aside id="edit-search">
    <header><h3>搜索房产</h3></header>
    <form role="form" id="_searchForm" class="form-search" method="post" action="/house/list">

        <div class="form-group">
            <input type="text" class="form-control" id="search-box-property-id" value="${(vo.name)!}" name="name" placeholder="尝试输入小区名">
        </div>
        <div class="form-group">
            <select name="type">
                <option value="1" >类型</option>
                <option value="1" <#if (vo.type)?? && (vo.type)==1> selected </#if> >售卖</option>
                <option value="2" <#if (vo.type)?? && (vo.type)==2> selected </#if> >出租</option>
            </select>
        </div><!-- /.form-group -->
        <input type="text" value="${(vo.sort)!}" name=sort hidden="true">
       
        <div class="form-group">
            <button type="submit" class="btn btn-default">搜索</button>
        </div><!-- /.form-group -->
    </form><!-- /#form-map -->
</aside><!-- /#edit-search -->
</#macro>


<#macro nav>
 <div class="navigation">
        <div class="secondary-navigation">
            <div class="container">
                <div class="contact">
                    
                </div>
                <div class="user-area" style="font-size: 16px;font-weight: 400">
                    <div class="actions">
                    <#if (loginUser.name)??>
                        <a href="/accounts/profile" class="promoted">欢迎,${(loginUser.phone)!}</a>
                        <a href="/accounts/logout" class="promoted">退出</a>
                    <#else>
                    <i class="fa fa-user"></i>
                        <a href="/accounts/register" class="promoted"><strong>注册</strong></a>
                        <a href="/accounts/signin">登陆</a>
                    </#if>
                    </div>

                </div>
            </div>
        </div>
        <div class="container">
            <header class="navbar" id="top" role="banner">
                <div class="navbar-header">
                    <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <div class="navbar-brand nav" id="brand">
                        <a href="/"></a>
                        <img src="/static/assets/img/headlogo.png" alt="brand">
                    </div>
                </div>
                <nav class="collapse navbar-collapse bs-navbar-collapse navbar-right" role="navigation">
                    <ul class="nav navbar-nav" style="font-size: 20px;font-weight:700;color: #fff;">
                        <li><a href="/index">首页</a></li>
                        <li><a href="/house/list?type=1">售房</a></li>
                        <#--<li><a href="/house/list?type=2">租房</a></li>
-->
                        <li> <a href="/house/toAdd" ><#--<i class="fa fa-plus"></i>--><span class="text">*发布房源*</span></a></li>

                        <li><a href="/blog/list">百科</a></li>
                        <li><a href="">小区</a></li>
                        <li><a href="/agency/agentList">经纪人</a></li>
                        <#--<li class="has-child"><a href="#">经纪人</a>
                            <ul class="child-navigation">
                                <li><a href="/agency/agentList">经纪人列表</a></li>
                                <li><a href="/agency/list">经纪机构列表</a></li>
                            </ul>
                        </li>-->
                        <li> <a href="https://research.ke.com/" ><#--<i class="fa fa-plus"></i>--><span class="text">好房子研究院</span></a></li>
                        <li> <a href="#" ><#--<i class="fa fa-plus"></i>--><span class="text">下载APP</span></a></li>
                    </ul>
                </nav><!-- /.navbar collapse-->
                <#--<div class="add-your-property">
                    <a href="/house/toAdd" class="btn btn-default"><i class="fa fa-plus"></i><span class="text">添加房产</span></a>
                </div>-->
            </header><!-- /.navbar -->
        </div><!-- /.container -->
    </div>
</#macro>

<#macro paging pagination>
        <ul class="pagination">
           <#list pagination.pages as page>
               <#if pagination.pageNum==page>
                    <li class="active"><a href="#">${page}</a></li>
               <#else>
                    <li><a href="javascript:void(0)"  onclick="nextPage(${page},${pagination.pageSize})">${page}</a></li>
               </#if>
            </#list>
        </ul><!-- /.pagination-->
</#macro>